// 引导页面，欢迎屏
import React, { useState } from 'react'
import { StyleSheet, Text, View } from 'react-native'
import MySwiper from './../components/MySwiper'

const Introduction = () => {
  const [swiperImgs, setSwiperImgs] = useState([
    { id: 1, img: require('./../assets/introduction/introduction1.png') },
    { id: 2, img: require('./../assets/introduction/introduction2.png') },
    { id: 3, img: require('./../assets/introduction/introduction3.png') }
  ])

  return (
    <View style={styles.container}>
      {/* <Text>123</Text> */}
      <MySwiper images={swiperImgs}></MySwiper>
    </View>
  )
}

// 组件的options，配置状态栏，topBar, bottomTab的属性配置； 
// 如果是class组件，可以是组件的一个私有属性；static  options ;
Introduction.options = {
  topBar: {
    visible: false,
  },
  statusBar: {
    visible: false
  }
}

export default Introduction

const styles = StyleSheet.create({
  container:{
    flex:1,
    // backgroundColor:'orange'
  }
})
